<%--
  Created by IntelliJ IDEA.
  User: huashuowei
  Date: 2019/5/2
  Time: 14:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Error</title>
    <!-- Meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
    </script>
    <!-- Meta tags -->


    <!-- font-awesome icons -->
    <link rel="stylesheet" href="css/font-awesome.css" />

    <!-- //font-awesome icons -->
    <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
    <!-- //pop-ups-->
    <!--stylesheets-->
    <link href="css/error-style.css" rel='stylesheet' type='text/css' media="all">
    <!--//style sheet end here-->
</head>
<body>
<h1 class="error">Error Page</h1>
<div class="top-w3ls">
    <h2>404</h2>
    <h3> SORRY</h3>
    <p>It looks like that page no longer exist. Would you like to go to <a href="index.html">homepage</a>
    </p>


    <div class="row-col">
        <div class="banner-agileits-btm">

            <div id="small-dialog1" class="mfp-hide w3ls_small_dialog wthree_pop">
                <div class="agileits_modal_body">

                    <!--newsletter-->
                    <div class="newsletter ">
                        <div class="letter-w3ls">
                            <h4>Contact Us</h4>
                            <form action="#" method="post">
                                <div class="form-left-w3l ">

                                    <input type="text" name="name" placeholder="Name" required="">

                                </div>
                                <div class="form-left-w3l">
                                    <input type="email" name="email" required="" placeholder="Email">
                                </div>
                                <div class="form-control-w3l">
                                    <textarea name="Message" placeholder="Any Message..." required=""></textarea>
                                </div>

                                <div class="btnn">
                                    <button type="submit">Submit</button><br>
                                </div>
                            </form>


                            <div class="clear"></div>
                        </div>
                        <!--//newsletter-->

                    </div>
                </div>
            </div>
        </div>

    </div>
</div>


<!--scripts-->
<script type='text/javascript' src='js/jquery-2.1.4.min.js'></script>
<!--//scripts-->
<!--//scripts-->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
</script>
</body>
</html>



